
import React from 'react';
import sty from './sty.module.css';
import { discoverMenu } from '@/common/local-data';
import { NavLink } from 'react-router-dom';
import { memo } from 'react';
const NavBar = () => (
  <div className={sty.root}>
    <ul className={sty.navList}>
      {
        discoverMenu.map(v => (
          <li key={v.link}>
            <NavLink to={v.link} activeClassName={sty.navAct}  >{v.title}</NavLink>
          </li>
        ))
      }
    </ul>
  </div>
)

export default memo(NavBar)